<template>
  <div id="app">
    <router-view />
    <!-- <van-tabbar class="nav-tab" route v-show="$route.name ==='forum'? false : true">
      <van-tabbar-item replace to="/">
        <template #icon="poder">
          <img :src="poder.active ? 'static/img/phu.png' : 'static/img/phu1.png'" />
        </template>
        首页
      </van-tabbar-item>
      <van-tabbar-item replace to="/add">
        <template #icon="poder1">
          <img :src="poder1.active ? 'static/img/pp.png' : 'static/img/pp1.png'" />
        </template>
        定位
      </van-tabbar-item>
      <van-tabbar-item replace>
        <template #icon="poder1">
          <img :src="poder1.active ? 'static/img/sc.png' : 'static/img/sc1.png'" />
        </template>
        商城
      </van-tabbar-item>
      <van-tabbar-item replace to="/forum">
        <template #icon="poder1">
          <img :src="poder1.active ? 'static/img/lt.png' : 'static/img/lt1.png'" />
        </template>
        论坛
      </van-tabbar-item>
      <van-tabbar-item replace to>
        <template #icon="poder1">
          <img :src="poder1.active ? 'static/img/wo.png' : 'static/img/wo1.png'" />
        </template>
        我的
      </van-tabbar-item>
    </van-tabbar> -->
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {};
  }
};
</script>

<style scoped>
#app {
  position: sticky;
  bottom: 0;
}
@media all and (min-width: 500px) {
  .nav-tab {
    width: 500px;
    position: sticky;
    bottom: 0;
  }
  .content {
    height: 150rem;
  }
}
</style>>


